<!DOCTYPE HTML>
<html>

<head>
	<title>首页</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="hospital" />
	<script type="applijewelleryion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1);
		} </script>
	<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
	<!-- Custom Theme files -->
	<link href="css/style.css" rel='stylesheet' type='text/css' />
	<script src="js/jquery-1.11.1.min.js"></script>
	<!--webfonts-->
	<link href='https://fonts.googleapis.com/css?family=Antic' rel='stylesheet' type='text/css' />
	<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700|Six+Caps' rel='stylesheet'
	 type='text/css' />
	<!--//webfonts-->
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
	<script type="text/javascript" src="js/bootstrap.js"></script>
	<!--light-box-files -->
	<script src="js/modernizr.custom.97074.js"></script>
	<script src="js/jquery.chocolat.js"></script>
	<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8">

	<script type="text/javascript" charset="utf-8">
		$(function () {
			$('.g-left a').Chocolat();
		});
	</script>
	<!--light-box-files -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1200);
			});
		});
	</script>
	<script type="text/javascript">
		$(document).ready(function () {
			/*
			var defaults = {
			containerID: 'toTop', // fading element id
			containerHoverID: 'toTopHover', // fading element hover id
			scrollSpeed: 1200,
			easingType: 'linear' 
			};
			*/
			$().UItoTop({ easingType: 'easeOutQuart' });
		});
	</script>

<style>
	.header-bottom {
		background-color: #545c64;
		padding: 0.5em 0;
	}
	.nav-item.active{
		background-color: #c0c0c0;
		color: #ffd04b;
	}
	table {
				width: 100%;
				border-collapse: collapse;
			}
			th, td {
				padding: 8px;
				border-bottom: 1px solid #ddd;
			}
			tr:hover {
				background-color: #f5f5f5;
			}
			.call-btn {
				padding: 8px 16px;
				background-color: #4CAF50;
				color: white;
				border: none;
				cursor: pointer;
			}
</style>

</head>

<body>
	<!-- header -->

	<!-- header-bottom -->
	<div class="header-bottom">
		<div class="container">
			<nav class="navbar navbar-dark bg-dark" role="navigation">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">切换导航</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>
				<!--/.navbar-header-->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li class="nav-item active"><a href="index.html">首页</a></li>
						<li class="nav-item"><a href="register.html">预约挂号</a></li>
						<li class="nav-item"><a href="appointment.html">预约信息</a></li>
						<li class="nav-item"><a href="medicine.html">药品信息</a></li>
						<li class="nav-item"><a href="login.html">登录注册</a></li>
						<li class="nav-item"><a href="personInfo.html">个人中心</a></li>
						<!-- <li><button onclick="logout()">退出登录</button></li> -->
						<script>
							function logout(){
								console.log(window.localStorage.getItem('token'));
								let authToken =window.localStorage.getItem('token')
								fetch('http://localhost:8888/hello', {
									method: 'GET',
									headers: {
										'Token': authToken
									}
								}).then(response => {
									if (!response.ok) {
										throw new Error('Network response was not ok');
									}
									window.localStorage.removeItem('token');
									window.location.href = 'login.html';
								})
							}
						</script>
					</ul>
				</div>
				<!--/.navbar-collapse-->
			</nav>
			<div class="search-box">
				<div id="sb-search" class="sb-search">
					<form action="http://www.baidu.com/baidu" target="_blank">
						<input class="sb-search-input" placeholder="请输入你想查找的资料..." type="search" name="word" id="search">
						<input class="sb-search-submit" type="submit" value="查找">
						<span class="sb-icon-search"> </span>
					</form>
				</div>
			</div>
			<div class="clearfix"> </div>

			<!-- search-scripts -->
			<script src="js/classie.js"></script>
			<script src="js/uisearch.js"></script>
			<script>
				new UISearch(document.getElementById('sb-search'));
			</script>
			<!-- //search-scripts -->

		</div>
	</div>
	<!-- /header-bottom -->

	<!-- header -->
	<!-- banner -->
	<div class="banner" id="home">
		<div class="container">
			<div class="logo">
				<h1><a href="index.html"></a></h1>
			</div>

			<section class="slider">
				<div class="flexslider">
					<ul class="slides">
						<li>
							<div class="banner-info">
								<h2>专题讲座</h2>
								<p>10月12日下午，我院邀请著名律师李惠娟进行专题讲座。</p>
								<a class="hvr-shutter-in-horizontal" href="announcement.html">查看详情</a>
							</div>
						</li>
						<li>
							<div class="banner-info">
								<h2>科技大会</h2>
								<p>2017年9月28日下午，广州市第一人民医院表彰了科技奖励获得者及国自然基金项目获得者。</p>
								<a class="hvr-shutter-in-horizontal" href="announcement.html">查看详情</a>
							</div>
						</li>
						<li>
							<div class="banner-info">
								<h2>学术会议</h2>
								<p>2017年8月26日，近三百名来自粤港地区的专家学者共聚一堂。</p>
								<a class="hvr-shutter-in-horizontal" href="announcement.html">查看详情</a>
							</div>
						</li>
					</ul>
				</div>
			</section>

			<!-- FlexSlider -->
			<script defer="" src="js/jquery.flexslider.js"></script>
			<script type="text/javascript">
				$(function () {

				});
				$(window).load(function () {
					$('.flexslider').flexslider({
						animation: "slide",
						start: function (slider) {
							$('body').removeClass('loading');
						}
					});
				});
			</script>
			<!-- FlexSlider -->

		</div>
		<svg id="clouds" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none">
			<path d="M-5 100 Q 0 20 5 100 Z
					M0 100 Q 5 0 10 100
					M5 100 Q 10 30 15 100
					M10 100 Q 15 10 20 100
					M15 100 Q 20 30 25 100
					M20 100 Q 25 -10 30 100
					M25 100 Q 30 10 35 100
					M30 100 Q 35 30 40 100
					M35 100 Q 40 10 45 100
					M40 100 Q 45 50 50 100
					M45 100 Q 50 20 55 100
					M50 100 Q 55 40 60 100
					M55 100 Q 60 60 65 100
					M60 100 Q 65 50 70 100
					M65 100 Q 70 20 75 100
					M70 100 Q 75 45 80 100
					M75 100 Q 80 30 85 100
					M80 100 Q 85 20 90 100
					M85 100 Q 90 50 95 100
					M90 100 Q 95 25 100 100
					M95 100 Q 100 15 105 100 Z">
			</path>
		</svg>

	</div>
	<!-- banner -->
	<!-- about -->
	<div class="about" id="about">
		<div class="container">
			<h6>健康园地</h6>
			<div class="col-md-5 about-left">
				<h3>欢迎了解健康第一线</h3>
				<h5>健康从小事做起</h5>
				<p> 随着生活水平提高，大家不紧紧满足吃穿用，也希望自己皮肤有弹性，越活越精神，越来越年轻。抗衰老，这个话题大家越来越感兴趣，也更加重视。只看到别人年轻，却不知在背后养成持之以恒的好习惯，才能变得更加美丽。</p>


				<h5>最新文章</h5>
				<ul>
					<li><a href="article.html"><span></span>健康你我</a></li>
					<li><a href="article.html"><span></span>你必须知道的12个小常识 </a></li>
					<li><a href="article.html"><span></span>如何进行急救</a></li>
					<li><a href="article.html"><span></span>怎么看待心脏病</a></li>
					<li><a href="article.html"><span></span>关爱艾滋病人</a></li>
					<li><a href="article.html"><span></span>天啦噜</a></li>
					<li><a href="article.html"><span></span>真的</a></li>
					<li><a href="article.html"><span></span>编不下去了</a></li>
				</ul>

			</div>
			<div class="col-md-7 about-right">
				<h3>精选文章</h3>
				<div class="abt-top">
					<div class="abt-lft">
						<img src="images/p3.jpg" class="img-responsive" alt="">
					</div>
					<div class="abt-rgt">
						<h4>最新科技：B—X</h4>
						<p>现在，随便走在任何一条道路上，身边的现实都在提醒我们：肥胖和其邪恶的孪生子——糖尿病正在我们身边蔓延。</p>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="abt-top">
					<div class="abt-lft">
						<img src="images/4.jpg" class="img-responsive" alt="">
					</div>
					<div class="abt-rgt">
						<h4>定制器官</h4>
						<p>我们正面对着严峻的现实：每天有很多人因为等不到需要替换的器官而死亡，其中对肾脏的需求量尤其多——在美国，每9个人中就有一个人在忍受慢性肾病的折磨。</p>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<!-- about -->
	<svg id="stamp" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none">
		<path d="M0 0 Q 2.5 40 5 0 
						 Q 7.5 40 10 0
						 Q 12.5 40 15 0
						 Q 17.5 40 20 0
						 Q 22.5 40 25 0
						 Q 27.5 40 30 0
						 Q 32.5 40 35 0
						 Q 37.5 40 40 0
						 Q 42.5 40 45 0
						 Q 47.5 40 50 0 
						 Q 52.5 40 55 0
						 Q 57.5 40 60 0
						 Q 62.5 40 65 0
						 Q 67.5 40 70 0
						 Q 72.5 40 75 0
						 Q 77.5 40 80 0
						 Q 82.5 40 85 0
						 Q 87.5 40 90 0
						 Q 92.5 40 95 0
						 Q 97.5 40 100 0 Z">
		</path>
	</svg>
	<!-- about -->
	<!-- footer -->
	<div class="footer text-center">
		<p>Copyright &copy; 2024年1月5日</p>
		<a href="../index.html">导航页</a>
	</div>
	<!-- footer -->
	<a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 0;"></span> <span id="toTopHover" style="opacity: 0;"> </span></a>
</body>

</html>